<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>欢迎</title>
	<link rel="stylesheet" href="css/lyy.css">
</head>
<body>
	<div class="div1">color1:#f34ed2;</div>
	<div class="div2">
		$side : right;
		.div2{
			border-#{$side}-radius:5px;
		}
	</div>
	<div class="div3">
		//属性嵌套的写法
		.div3{
			border:{
				color: red;
			}
		}
	</div>
	<div class="div4"></div>
	<div class="div5">复用了div1的样式</div>
	<div class="div6">用@include调用了mixin</div>
	<div class="div7">颜色函数</div>
	<div class="div8">@if @else</div>
	<div class="div9">
		<ul>
			<li class="li1">1</li>
			<li class="li2">2</li>
			<li class="li3">3</li>
			<li class="li4">4</li>
		</ul>
	</div>
	<div class="div10">
		<ul>
			<li class="item1"></li>
			<li class="item2"></li>
			<li class="item3"></li>
			<li class="item4"></li>
		</ul>
	</div>
</body>
</html>